<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>学生信息管理</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="../theme/list.css" rel="stylesheet" type="text/css" />
		<script language="javascript">
			function changeAll(ck)
	{//第一行的checkbox,如果选中这个的话,所有的checkbox都改为选中;否则改为未选中
		//取得所有的input
		var inputs = document.getElementsByTagName("input");
		var ckb = new Array();
		for (var i = 0; i < inputs.length; i++)
		{//循环遍历inputs数组把所有的checkbox放入ckb数组中
			if (inputs[i].type == "checkbox")
			{
				ckb.push(inputs[i])
			}
		}
		if (ck.checked)
		{//如果ck被选中,改变所有checkbox的状态为选中,并且把它自己的title改为取消
			for ( var i = 0; i < ckb.length; i++)
			{
				ckb[i].checked = true;
			}
			ck.title = "取消";
		}
		else
		{//否则,改变所有checkbox的状态未为选中,并且把它自己的title改为全选
			for ( var i = 0; i < ckb.length; i ++)
			{
				ckb[i].checked = false;
			}
			ck.title = "全选";
		}
	}
		</script>
	</head>
	<body>
		<center>
			<table bgcolor="#EFF3F7" width="40%" border=0 align=center cellpadding=0 cellspacing=0
				bordercolor=#ffffff style="FONT-SIZE: 10pt">
				<tr >
					<td align="center">
						<h2>
							学生点名
						</h2>
					</td>
				</tr>
				<tr>
					<td>
						<select align="center">
							<option>
								JAVA全日班
							</option>
							<option>
								JAVA周末班
							</option>
							<option>
								ASP.NET全日班
							</option>
						</select>
						&nbsp;&nbsp;
						<select align="center">
							<option>
								JAVA01
							</option>
							<option>
								JAVA02
							</option>
							<option>
								ASP.NET01
							</option>
						</select>
						&nbsp;
						<INPUT TYPE="submit" VALUE="查询" />
					</td>
				</tr>
				<tr>
					<td>
						当前班级
						<lable style="color:red;">
						Java01
						</lable>
						班，总共学生
						<lable style="color:red;">
						30
						</lable>
						人，请假
						<lable style="color:red;">
						1
						</lable>
						人，当前时间
					</td>
				</tr>
			</table>
			<table width="40%" border=0 align=center cellpadding=0 cellspacing=0
				bordercolor=#ffffff style="FONT-SIZE: 10pt">
				<tr>
					<td height=28 align=right valign="center" nowrap="nowrap"
						background="../images/list_middle.jpg">
						&nbsp;
					</td>
				</tr>
			</table>
			<table width="40%" border="0" cellPadding="0" cellSpacing="1"
				bgcolor="#6386d6">
				<!-- 列表标题栏 -->
				<tr bgcolor="#EFF3F7">
					<td width="25%" height="37" align="center">
						<b>学号</b>
					</td>
					<td width="25%" height="37" align="center">
						<b>姓名</b>
					</td>
					<td width="25%" height="37" align="center">
						<b>电话</b>
					</td>
					<td width="25%" height="37" align="center">
						<input type="checkbox" onclick="changeAll(this);"/><b>点名</b>
					</td>
				</tr>
				<!-- 列表数据栏 -->

				<tr bgcolor="#EFF3F7" onMouseOver="this.bgColor = '#DEE7FF';"
					onMouseOut="this.bgColor = '#EFF3F7';">
					<td align="center" vAlign="center">
						1001
					</td>
					<td align="center" vAlign="center">
						<a href="#">李一</a>
					</td>
					<td align="center" vAlign="center">
						12345678910
					</td>
					<td align="center" vAlign="center">
						还剩
						<lable style="color:red;">
						1
						</lable>
						天假
					</td>
				</tr>
				<tr bgcolor="#EFF3F7" onMouseOver="this.bgColor = '#DEE7FF';"
					onMouseOut="this.bgColor = '#EFF3F7';">
					<td align="center" vAlign="center">
						1002
					</td>
					<td align="center" vAlign="center">
						<a href="#">张三</a>
					</td>
					<td align="center" vAlign="center">
						12345678911
					</td>
					<td align="center" vAlign="center">
						<input type="checkbox" />
						<input type="button" value="点名"/>
					</td>
				</tr>
				<tr bgcolor="#EFF3F7" onMouseOver="this.bgColor = '#DEE7FF';"
					onMouseOut="this.bgColor = '#EFF3F7';">
					<td align="center" vAlign="center">
						1003
					</td>
					<td align="center" vAlign="center">
						<a href="#">王五</a>
					</td>
					<td align="center" vAlign="center">
						12345678912
					</td>
					<td align="center" vAlign="center">
						<input type="checkbox" />
						<input type="button" value="点名"/>
					</td>
				</tr>
				<tr bgcolor="#EFF3F7" onMouseOver="this.bgColor = '#DEE7FF';"
					onMouseOut="this.bgColor = '#EFF3F7';">
					<td align="right" colspan="4">
						<input type="button" value="批量点名"/>&nbsp;&nbsp;&nbsp;
					</td>
				</tr>
			</table>
			<!-- 在列表数据为空的时候，要显示的提示信息 -->
			<table height="30" width="40%" border=0 align=center cellpadding=0
				cellspacing=0 bordercolor=#ffffff style="FONT-SIZE: 14pt">
				<tr>
					<td align=right valign="center" nowrap="nowrap"
						background="../images/list_middle.jpg">
						<label style="color: blue;">
							共有
							<span>500</span>条记录,
							<span>50</span>页&nbsp;&nbsp;&nbsp;
						</label>
						<a href="#">首页</a>
						<a href="#">1</a>
						<a href="#"> 2 </a>
						<a href="#"> 3 </a>
						<a href="#"> 4 </a>
						<a href="#"> 5 </a>
						<a href="#">下一页</a>
						<a href="#">末页</a> &nbsp;&nbsp;&nbsp; 跳转到第
						<input type="text" style="width: 30px; height: 25px" />
						页
						<input type="button" style="height: 25px" value="Go" />
					</td>
				</tr>
			</table>
		</center>
	</body>
</html>
